.site-header {

    position: fixed;
    z-index: 1000;
    background-color: #fff;
    left: 0;
    right: 0;
    top:0;

    .site-header-action  {
        float: right;
    }

}

// logo style
.site-header-logo {
   
    width: 90px;
    height: 67px;
    float: left;

    a {
        display: inline-block;
        height: 100%;
        width: 100%;
        cursor: pointer;
        text-indent: -9999px;
        background-color: transparent;
        background-repeat:  no-repeat;
        background-position:  center center;
    }

    img {
        vertical-align: middle;
    }
}

//  sign in and sign up
.site-header-action {
    display: inline-block;
    padding: 8px 12px;
    border-radius: 34px;
    border: 1px solid #b2b2b2;
    line-height: 16px;
    margin-top: 15px;
    font-size: 14px;

    a {
       @include hyperlink;
    }

    .split {
        padding: 0 5px;
        color: #b2b2b2;
    }
}

// menu item style
.site-header-nav {

    margin: 0 130px 0 100px;

    .nav-item{
        display: inline-block;
        text-align: center;

        a {
            box-sizing: border-box;
            padding: 22px 16px;
            @include hyperlink;

            &.active {
                 border-bottom: 2px solid #8fa800;
            }
        }
    }   
}

